﻿<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://www.rapid-framework.org.cn/rapid" prefix="rapid" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<rapid:block name="head">
	<title>项目首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" href="${ctx}/resources/bootstrap/css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" href="${ctx}/resources/jquery-ui/css/cssnb/jquery-ui-1.8.21.custom.css" type="text/css">
	<link rel="stylesheet" href="${ctx}/resources/JQuery.zTree-v3.5.02/css/zTreeStyle/zTreeStyle.css" type="text/css">
</rapid:block>
<style>
#wrap{min-width:800px;overflow-x:auto;overflow-y:hidden;}
#top{height:auto;margin:0px 0px 0px 0;position:relative;z-index:4;background-color:#eeeeee;}
#top .logo{width:250px;float:left;text-align:center;margin:5px auto;}
#top .sys{float:left;margin:20px auto;}
#top .buttons{white-space:nowrap;}
#top .buttons .sys_btn{float:left;width:66px;height:75px;cursor:pointer;margin:3px 5px;}
#top .buttons .sys_btn:hover,#top .user .control:hover{background:url(${ctx}/resources/global/images/temp/bg-btnbg.png) no-repeat;}
#top .buttons .active{background:url(${ctx}/resources/global/images/temp/bg-btnbg.png) no-repeat;}
#top .btn{width:70px;height:70px;white-space:nowrap;}
#top .user{float:right;margin:20px auto;}
#top .user .info{float:left;width:140px;height:48px;margin:20px auto;}
#top .user .control{float:right;width:66px;height:75px;cursor:pointer;margin:3px 5px;}
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active{color:#FFFFFF;}
#bottom{background-color:#FFFFFF;height:auto;overflow-x:auto;overflow-y:hidden;}
#left{width:20%;height:auto;float:left;position:relative;z-index:1;overflow-x:hidden;overflow-y:auto;margin:0px;/*background-color:#F2F2F2;*/}
#right{width:80%;height:auto;float:left;position:relative;z-index:2;margin:0px;}
.switch_bar{display:block;width:8px;height:10000px;position:fixed;top:0px;z-index:3;background-color:transparent;overflow:hidden;}
.switch_bar .switch_arrow{display:block;position:absolute;width:9px;height:46px;left:0px;margin-top:-23px;background:url(${ctx}/resources/global/images/switch_arrow.png) no-repeat;cursor:pointer;}
.switch_bar .switch_arrow:hover{background-position:-14px 0px;}
.switch_bar .arrow_hidden{background-position:-28px 0px;}
.switch_bar .arrow_hidden:hover{background-position:-42px 0px;}
.sysIcon_icon1_0{background:url(${ctx}/resources/global/images/sys/gray.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon1_1{background:url(${ctx}/resources/global/images/sys/01.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon2_0{background:url(${ctx}/resources/global/images/sys/gray.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon2_1{background:url(${ctx}/resources/global/images/sys/02.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon3_0{background:url(${ctx}/resources/global/images/sys/gray.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon3_1{background:url(${ctx}/resources/global/images/sys/03.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon4_0{background:url(${ctx}/resources/global/images/sys/gray.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon4_1{background:url(${ctx}/resources/global/images/sys/04.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon5_0{background:url(${ctx}/resources/global/images/sys/gray.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon5_1{background:url(${ctx}/resources/global/images/sys/05.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon6_0{background:url(${ctx}/resources/global/images/sys/gray.gif) no-repeat;width:48px;height:48px;margin:auto;}
.sysIcon_icon6_1{background:url(${ctx}/resources/global/images/sys/06.gif) no-repeat;width:48px;height:48px;margin:auto;}
</style>
</head>
<body style="margin:0px;padding:0px;overflow-x:hidden;">
<div id="wrap" class="container-fluid">
	<div id="top" class="row-fluid">
		<div class="logo">
			<div style="background:url('${ctx}/resources/global/images/temp/weblogo.png') no-repeat center center;height:90px;"></div>
			<b>外围平台2013框架系统</b>
		</div>
		<div class="sys">
			<div class="buttons btn-group">
				<c:forEach items="${subSysList}" var="sys" varStatus="i">
					<div class="sys_btn" id="p${i.count}" serverPath="${sys.SERVERPATH}">
						<div class="sysIcon_${sys.SYSICON}_${sys.STATUS}"></div>
						<div align="center">${sys.SYSNAME}</div>
					</div>
					<%-- <button class="btn btn-info sysIcon_${sys.SYSICON}_${sys.STATUS}" id="p${i.count}" serverPath="${sys.SERVERPATH}">子项目0${i.count}</button> --%>
				</c:forEach>
			</div>
		</div>
		<div class="user" align="center">
			<div class="info">
				<div>欢迎您：<span style="cursor:pointer;" title="${username}">${username}</span></div>
				<div style="background:url(${ctx}/resources/global/images/temp/message.png) no-repeat;width:130px;height:20px;margin-left:18px;padding-top:6px;" align="center"><a id="getMessage" href="javascript:void(0);">未读消息(<b class="msgCount">${xxListSize}</b>)</a></div>
			</div>
			<div class="control">
				<div class="sys_btn exit" title="退出"><a href="${ctx}/logout" style="background:url(${ctx}/resources/global/images/temp/exit03.png) no-repeat center center;display:inline-block;width:48px;height:48px;"></a><br>退出</br></div>
			</div>
			<div class="control">
				<div class="sys_btn setting" title="设置"><a href="javascript:void(0);" style="background:url(${ctx}/resources/global/images/temp/settingx48.png) no-repeat center center;display:inline-block;width:48px;height:48px;"></a><br>设置</br></div>
			</div>
			<div id="xxtx" style="border:1px solid gray;background-color:lightyellow;width:290px;height:100px;margin-top:82px;position:absolute;display:none;">
				<c:if test="${xxListSize > 0}">
					<ul class="ul" style="list-style:none;text-align:left;">
						<c:forEach items="${xxList}" var="xx" varStatus="i">
							<li>${i.count}：<a target="_blank" href="${xx.URL}">${xx.TITLE}</a></li>
						</c:forEach>
					</ul>
				</c:if>
			</div>
		</div>
	</div>
	<div id="bottom" class="row-fluid">
		<div id="left" class="span2">
			<ul id="ztree" class="ztree"></ul>
		</div>
		<div class="switch_bar">
			<a class="switch_arrow" title="收缩"></a>
		</div>
		<div id="right" class="span10">
			<rapid:block name="main">
				<iframe id="mainFrame" name="mainFrame" src="${ctx}/rapid/base_main" frameborder="0" scrolling="yes" width="100%"></iframe>
			</rapid:block>
		</div>
	</div>
</div>
<script type="text/javascript" src="${ctx}/resources/jquery/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/jquery-ui/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/JQuery.zTree-v3.5.02/js/jquery.ztree.core-3.5.min.js"></script>
<script>var baseURL = '${ctx}', username = '${username}', subSysList = jQuery.parseJSON('${subSysListJson}');</script>
<script type="text/javascript" src="${ctx}/resources/global/views/demo/demo1.js"></script>
<script type="text/javascript" src="${ctx}/resources/bootstrap/js/bootstrap.min.js"></script>
</body>
<html>